<template>
  <view class="bill-detail-container">
    <view class="bill-detail-card">
      <image class="bill-detail-icon" src="/static/walmart.png" />
      <view class="bill-detail-title">沃尔玛超市（平安路店）</view>
      <view class="bill-detail-amount">123.30</view>
    </view>
    <view class="bill-detail-info">
      <view class="bill-detail-row">
        <view class="label">当前状态</view>
        <view class="value">支付成功</view>
      </view>
      <view class="bill-detail-row">
        <view class="label">支付时间</view>
        <view class="value">2023-10-03 18:10:23</view>
      </view>
      <view class="bill-detail-row">
        <view class="label">商品</view>
        <view class="value">条码支付-北京沃尔玛超市</view>
      </view>
      <view class="bill-detail-row">
        <view class="label">商户全称</view>
        <view class="value">沃尔玛百货有限公司</view>
      </view>
      <view class="bill-detail-row">
        <view class="label">收单机构</view>
        <view class="value">中景商业支付有限公司</view>
      </view>
      <view class="bill-detail-row">
        <view class="label">支付方式</view>
        <view class="value">余额</view>
      </view>
      <view class="bill-detail-row">
        <view class="label">交易单号</view>
        <view class="value">34756207420836574207356830</view>
      </view>
      <view class="bill-detail-row">
        <view class="label">商户单号</view>
        <view class="value">可在支持的商户扫码退款</view>
      </view>
      <view class="bill-detail-barcode">
        <image class="barcode-img" src="/static/barcode.png" />
        <view class="barcode-num">8362023100999587321</view>
      </view>
    </view>
    <view class="bill-detail-service">
      <view class="service-title">账单服务</view>
      <view class="service-row">
        <view class="label">备注</view>
        <view class="value">添加 &gt;</view>
      </view>
      <view class="service-actions">
        <view class="service-action">查看往来记录</view>
        <view class="service-action">对此账单有疑问</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'BillDetail',
  data() {
    return {};
  }
};
</script>

<style src="./bill-detail.css"></style> 